*{margin:0;padding:0}
li{list-style:none}
a{text-decoration: none}
body,html{
  width:100%;
  height:100%;
  background:#f7f7f7;
}
.box{
  display:flex;
  display:inline-flex;
}
.px2rem(@name,@px){
    @{name}:@px / 75 * 1rem;
}
.w(@age1){
  .px2rem(width,@age1);
}

.h(@age1){
  .px2rem(height,@age1);
}

.p-top(@top){
  .px2rem(padding-top,@top)
}

.p-right(@right){
  .px2rem(padding-right,@right);
}

.p-bottom(@bottom){
  .px2rem(padding-bottom,@bottom);
}
.p-left(@left){
  .px2rem(padding-left,@left);
}

.m-top(@top){
  .px2rem(margin-top,@top);
}
.m-right(@right){
  .px2rem(margin-right,@right);
}
.m-bottom(@bottom){
  .px2rem(margin-bottom,@bottom);
}
.m-left(@left){
  .px2rem(margin-left,@left);
}

